<template>
    <div>
      <x-header :left-options="{showBack: true,preventGoBack:true}" @on-click-back="goBack"
                theme="" class="queryHeader">客户信息</x-header>
      <div>
        <group label-width="8em">
          <cell title="客户名称">
            <i slot="icon" class="iconfont icon-group_fill" style="color:#4A90E2;padding-right: 5px;"></i>
            <div>
              <span>{{currentData.customName}}</span>
            </div>
          </cell>
          <cell title="所属行业（大类)">
            <i slot="icon" class="iconfont icon-homepage_fill" style="color:#ff9900;padding-right: 5px;"></i>
            <div>
              <span>{{currentData.grpType_c}}</span>
            </div>
          </cell>
          <cell title="所属行业（小类)">
            <i slot="icon" class="iconfont icon-homepage_fill" style="color:#4A90E2;padding-right: 5px;"></i>
            <div>
              <span>{{currentData.bussinessType_c}}</span>
            </div>
          </cell>
        </group>
      </div>
    </div>
</template>
<script>
  import {XHeader , Group , Cell} from 'Vux'
  export default {
    components:{
      XHeader,
      Group,
      Cell
    },
    data(){
      return {
        currentData:{}
      }
    },
    methods: {
      goBack(){
        this.$router.push({
          path:'/listDetail'
        });
        this.$store.commit('CHANGE_TRANSITION', 'right')
      }
    },
    mounted(){
      this.currentData = this.$route.query.info;
    }
  }
</script>
